@charset "utf-8";
@import "../../base/_mixin.scss";

iframe {
	display: none;
}
img {
    vertical-align: middle;
}

img[data-src] {
  background: url(http://statics.melitabuy.com/images/swiss/loading.gif) no-repeat center center;
}

.wrapper {
  width: 100%;
  min-width: 1210px;
}

.container {
  width: 1210px;
  margin: 0 auto;

  &:after{
  	@extend %clearfix;
  }
}

.cont {
	width: 100%;
	height: 100%;

}

.bgPic {
	background: no-repeat center 0;
}

// logo区域
.logo {
	position: absolute;
}

// 导航区域
.nav {
	position: absolute;
	right: 0;
	
	&:after {
		@extend %clearfix;
	}

	.item {
		position: relative;
		display: inline-block;
		line-height: 16px;
		margin: 0 18px;
		padding-top: 15px;
		font-size: 16px;

		&:hover {
			text-decoration: none;

			&:before{
				display: block;
				position: absolute;
				width: 100%;
				height: 2px;
				content: '';
				background: $color-muted-title;
				bottom: -9px;
			}
		}

		&.current:before{
			display: block;
			position: absolute;
			width: 100%;
			height: 2px;
			content: '';
			background: $color-muted-title;
			bottom: -9px;
		}
	}
}

// banner
.module-banner {
	height: 320px;

	.banner {
		width: 1210px;
		height: 320px;
		margin-top: 24px;

		img {
			width: 100%;
			height: 100%;
		}
	}
}
////============================================================
.wrap-gray {
    background: #f7f7f7;
    min-width: 1210px;
}


.container-wrap {
    width: 1210px;
    margin: 0 auto;
}


// 咨讯模块
/*data-content style*/
.data-content {
    
    min-width: 1210px;
}
.data-content .data-box {
    position: relative;
    padding-top: 67px;
    padding-bottom: 80px;
    width: 1210px;
    margin: 0 auto;
    overflow: hidden;
}
.data-box .data-left {
    width: 605px;
    float: left;
    position: relative;
    border-right: 1px solid #e6e6e6;
}
.data-box .data-left .left-box{
    padding-right: 56px;
}
.data-box .title{
    font-size: 22px;
    color: #222;
    padding-bottom: 35px;
}
.data-box .txt-row{
    padding-bottom: 40px;
}
.data-box .txt-row .txt-title{
    font-size: 16px;
    color: #222;
    line-height: 30px;
}
.data-box .txt-row .txt{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    letter-spacing: 0.8px;
}
.data-box .data-left .detail-btn{
    font-size: 16px;
    color: #832a88;
    position: absolute;
    right: 9%;
    bottom: 0;
}
.data-box .data-right{
    width: 604px;
    float: left;
    position: relative;
}
.data-box .data-right .right-box{
    padding-left: 55px;
}
.data-box .data-right .detail-btn {
    font-size: 16px;
    color: #832a88;
    position: absolute;
    right: 0;
    //bottom: -14%;
}

// 底部备案号
.ft-info {
	background: #363739;
	
	.ft-info-cont {
		height: 50px;
		line-height: 50px;
		padding: 54px 0 64px;
		font-size: 14px;
		color: #fff;
	}

	.pic {
		float: left;

		img {
			width: 137px;
			height: 43px;
		}
	}

	.desc {
		float: right;
		text-align: right;
		line-height: 22px;
	}
	
	.qq img{
		width: 77px;
		height: 22px;
	}
}

// 底部链接
.ft-link {
	background: #303030;

	.link {
		padding: 22px 0;
	}

	.name {
		padding: 0 10px;
		font-size: 12px;
		line-height: 24px;
		color: #fff;

		&:first-child {
			padding-left: 0;
		}
	}

	.divider {
		font-size: 12px;
		line-height: 24px;
		color: #b4b4b4;
	}
}

// 产品展示
.product-wrap {
	overflow: hidden;
}
.product {
	width: 1210px;

	&:after{
		@extend %clearfix;
	}

	.product-item {
		float: left;
		margin-right: 7px;
	}


	.product-item-desc {
		margin-top: 30px;
		text-align: center;
		font-size: 16px;
		line-height: 26px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;

		.area {
			display: block;
			font-weight: bold;
		}

		.name {
			display: block;
			margin-top: 8px;
		}
	}
}


/* 
 *咨讯
 */
.news-item {
	padding: 30px 0;
	height: 260px;
	border-bottom: 1px solid #ededed;

	.pic {
		width: 410px;
		height: 260px;
		float: left;

		img {
			width: 100%;
			height: 100%;
		}
	}

	.desc {
		margin-left: 36px;
		width: 764px;
		float: left;

		.title {
			display: block;
			margin-top: 34px;
			font-size: 26px;
			line-height: 26px;
			cursor: pointer;

			&:hover {
				text-decoration: none;
			}
		}

		.text {
			margin-top: 36px;
			width: 764px;
			font-size: 14px;
			line-height: 24px;
			height: 48px;
			overflow: hidden;
		}

		.more {
			display: block;
			margin-top: 64px;
			font-size: 14px;
			float: right;
			margin-bottom: 34px;

			&:hover {
				text-decoration: none;
				color: $color-muted-title;
			}
		}
	}
}

.info-item {
	padding: 30px 0;
	border-top: 1px solid #ededed;

	&:after {
		@extend %clearfix;
	}

	&:first-child {
		border-top: 0;
	}

	.date {
		float: left;
		width: 105px;
		height: 105px;
		border: 1px solid #ededed;
	}

	.year {
		width: 100%;
		height: 33px;
		background: #c2c2c2;

		span {
			font-size: 16px;
			display: block;
			line-height: 33px;
			text-align: center;
			color: #fff;
		}
	}

	.day {
		height: 72px;
		background: #fafafa;

		.text {
			line-height: 72px;
			font-size: 52px;
			color: #c2c2c2;
			text-align: center;
			display: block;
		}
	}
	
	.desc {
		margin-left: 36px;
		width: 1067px;
		float: left;

		.title {
			display: block;
			font-size: 26px;
			line-height: 26px;
			cursor: pointer;
			margin-top: 10px;

			&:hover {
				text-decoration: none;
			}
		}

		.text {
			position: relative;
			margin-top: 23px;
			width: 1067px;
			font-size: 14px;
			line-height: 24px;
			height: 48px;
			overflow: hidden;
		}

		.more {
			position: absolute;
			display: block;
			font-size: 14px;
			bottom: 0;
			right: 0;

			&:hover {
				text-decoration: none;
				color: $color-muted-title;
			}
		}
	}
}


/* 
 *咨讯详情
 */
.consult-detail {
	margin-top: 40px;

	&:after {
		@extend %clearfix;
	}
}

.introduce {
	width: 870px;
	float: left;

	&:after {
		@extend %clearfix;
	}
	
	.text {
		font-size: 14px;
		line-height: 14px;
		color: #4d4d4d;
	}

	.next {
		font-size: 14px;
		line-height: 14px;
		color: #4c4c4c;
		margin: 0 10px;
	}

	.current {
		text-decoration: underline;
	}

	.article {
		margin-top: 50px;
		border-bottom: 1px solid #f2f2f2;

		.title {
			font-size: 30px;
			color: #222;
			line-height: 30px;
		}

		.author {
			padding: 27px 0 14px 0;
		}

		.name {
			font-size: 14px;
			color: #222;
		
			&:first-child {
				margin-left: 0;
			}
		}

		.text {
			font-size: 14px;
			line-height: 14px;
			color: #222;
			margin-left: 36px;
		}

		.date {
			color: #999;
		}
	}

	.question {
		margin-top: 20px;

		.text {
			font-size: 16px;
			line-height: 40px;
			color: #222;	
		}

		.pic {
			margin-top: 27px;
			margin-bottom: 32px;
			width: 800px;
			height: 499px;

			img {
				width: 100%;
				height: 100%;
			}
		}
		
		.text + .text {
			margin-top: 10px;
		}
	}

	.keywords {
		margin-top: 56px;
		height: 20px;

		.name {
			display: block;
			float: left;
			font-size: 16px;
			color: #222;
			line-height: 20px;
			margin-right: 1px;
		}

		.text {
			display: block;
			float: left;
			padding: 0 13px;
			text-align: center;
			font-size: 14px;
			line-height: 18px;
			color: $color-muted-title;
			border: 1px solid #efefef;
			margin-left: 7px;
		}
	}

	.share {
		margin-top: 25px;

		.name {
			font-size: 16px;
			color: #222;
			line-height: 16px;	
		}
	}

	.turn {
		margin-top: 50px;
		width: 910px;
		margin-bottom: 44px;

		&:after {
			@extend %clearfix;
		}
		
		a {
			margin: 0;
			padding: 0;
			display: block;
			max-width: 50%;
			font-size: 14px;
			color: $color-muted-title;
			line-height: 14px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.prev {
			float: left;
		}

		.next {
			float: right;
		}
	}
}

.ads {
	margin-left: 40px;
	float: left;

	.pics {
		width: 300px;
		height: 300px;

		img {
			width: 100%;
			height: 100%;
		}
	}

	.title {
		margin-top: 32px;

		&:after {
			@extend %clearfix;
		}
		
		.line {
			margin-top: 2px;
			float: left;
		}

		.text {
			display: block;
			font-size: 26px;
			line-height: 26px;
			padding-left: 11px;
		} 
	}

	.relevant {
		margin-top: 9px;

		li {
			&:before {
				content: "";
			    display: inline-block;
			    width: 3px;
			    height: 3px;
			    background-color: $color-muted-title;
			    float: left;
			    margin-right: 10px;
			    margin-top: 5.5px;
			}

			a {
				width: 287px;
				display: block;
				font-size: 14px;
				line-height: 14px;
				margin-top: 19px;
				overflow: hidden;
				color: #222;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
}

/*浮动展示图片列表*/
.picList-wrap {
	overflow: hidden;

	.picList {
		width: 1210px+58px;

		@extend %clearfix;

		.item {
			float: left;
			margin-right: 57px;
		}

		.txt {
			margin-top: 30px;
			font-size: 16px;
			line-height: 1;
			text-align: center;
		}
	}
}
